<!-- 轮播设置 -->
<template>
  <v-container>
    <v-row>
      <v-col cols="12">
        <v-btn color="primary"><v-icon>add</v-icon>新增</v-btn>
      </v-col>
      <v-col cols="12" sm="6" md="4" v-for="item in items" :key="item.title">
        <v-card>
          <v-img :src="item.cover" height="300"></v-img>
          <!-- <v-card-text>
          </v-card-text> -->
          <v-card-title>{{item.title}}</v-card-title>
          <v-card-actions>
            <v-btn outlined small color="primary"><v-icon small>edit</v-icon>编辑</v-btn>
          </v-card-actions>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  name: 'Carousel',
  components: {},
  data: function () {
    return {
      items: [
        { cover: '/static/img/demo/carousel_1.jpg', title: '测试1', url: '', order: 1 },
        { cover: '/static/img/demo/carousel_2.jpg', title: '测试2', url: '', order: 2 },
        { cover: '/static/img/demo/carousel_3.jpg', title: '测试3', url: '', order: 3 }
      ]
    }
  },
  created: function () {

  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
</style>
